<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<title>MYWAY AIRLINE</title>
		<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="/css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="/css/liMarquee.css"/>
		<link rel="stylesheet" type="text/css" href="/css/minimal/blue.css"/>
		<link rel="stylesheet" type="text/css" href="/css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="/css/cityselect.css"/>
		<link rel="stylesheet" type="text/css" href="/css/hotelDetail.css"/>
		<style>
			.notfund{
				height:250px;
				line-height: 250px;
				text-align: center;
			}
			.notfund img{
				padding:10px;
			}
		</style>
	</head>
	<body>
	    <jsp:include page="head.jsp"/>
		<main class="main_gay">
			<div class="container">
				<ol class="breadcrumb">
				  <li><a href="#">Home</a></li>
				  <li><a href="#">订单</a></li>
				  <li class="active">填写订单</li>
				</ol>
				<div class="outerBox det_showMsg clearfix">
					<div class="det_carousel col-lg-7 col-md-7">
						<div class="swiper-container gallery-top">
						    <div class="swiper-wrapper">
					           <c:forEach items="${map.piczu}" var="piczu">
								   <div class="swiper-slide" style="background-image:url(${piczu})"></div>
							   </c:forEach>
						    </div>
						    <div class="swiper-pagination"></div>
						    
							
						</div>
						<div class="swiper-container gallery-thumbs">
						    <div class="swiper-wrapper">
								<c:forEach items="${map.piczu}" var="piczu">
								    <div class="swiper-slide" style="background-image:url(${piczu})"></div>
							    </c:forEach>
							</div>
							<!-- Add Arrows -->
						    <div class="swiper-button-next"></div>
						    <div class="swiper-button-prev"></div>
						</div>
					</div>
					<div class="det_shoInfo">
						<p>${map.hotel.name}（${map.hotel.nameEn}）</p>
						<p>${map.hotel.city}  </p>
						<p><span class="wf">Wi-Fi</span><span class="pp">停车场</span></p>
						<p>¥ <i class="col_pink">${map.hotel.price}</i>起</p>
						<a href="#none" class="classicButton">立即预定</a>
						<p>温馨提示：立即预订，锁定优惠价格</p>
					</div>
				</div>
				<div>
					<div class="col-lg-9 col-md-9 det_showList">
						<div class="col-lg-12 colll-md-12 outerBox no-padding clearfix">
							<h3><span>房间类型</span><span>酒店信息</span></h3>
							<div class="bLine"></div>
							<div class="clearfix det_box">
							<form action="" class="det_form clearfix">
								<div class="input-group">	
							        <input type="text" class="form-control" id="to_">
							        <div class="input-group-addon"></div>
							    </div>
							    <div class="input-group">	
							        <input type="text" class="form-control" id="form_">
							        <div class="input-group-addon"></div>
							    </div>
							    <div class="input-button">
							    	<button class="classicButton">确定</button>
							    </div>
							</form>
							<div class="conTable_type2">
								<div class="table-responsive">
								 	<table class="table clearfix">
									  	<tr>
									  		<th>酒店房型</th>
									  		<th>床型</th>
									  		<th>取消政策</th>
									  		<th>早餐</th>
									  		<th>价格</th>
									  		<th></th>
									  	</tr>
										<c:forEach items="${map.house}" varStatus="vars" var="house">
											<c:if test="${!empty house}">
												<c:if test="${house.bigType=='标准间'}">
													<tr>
														<td >
															<p>${house.bigType}</p>
															<img src="/img/hotelimg/smalltu.png" alt="" />
														</td>
														<td>${house.type}</td>
														<td>不可取消</td>
														<td>含早餐 </td>
														<td><span>¥<i>${house.price}</i></span></td>
														<td><a href="/hotel/validatelogin.json" class="classicButton">预订</a></td>
													</tr>
												</c:if>
												<c:if test="${house.bigType=='豪华间'}">
													<tr>
														<td >
															<p>${house.bigType}</p>
															<img src="/img/hotelimg/smalltu.png" alt="" />
														</td>
														<td>${house.type}</td>
														<td>不可取消</td>
														<td>含早餐 </td>
														<td><span>¥<i>${house.price}</i></span></td>
														<td><a href="/hotel/validatelogin.json" class="classicButton">预订</a></td>
													</tr>
												</c:if>
											</c:if>
										</c:forEach>
								  </table>
								</div>
							</div>
						</div>
						</div>
						<div class="det_del col-lg-12 col-md-12 outerBox clearfix">
							<h3 class="comTitle">酒店信息</h3>
							<div class="col-lg-12 col-md-12 no-padding"><span class="col-md-1 col-lg-1 no-padding">开业时间</span><span class="col-lg-offset-1 col-md-offset-1 col-lg-10 col-md-10 no-padding">2010年</span></div>
							<div class="col-lg-12 col-md-12 no-padding"><span class="col-md-1 col-lg-1 no-padding">酒店信息</span><span class="col-lg-offset-1 col-md-offset-1 col-lg-10 col-md-10 no-padding">Best Western Kutaisi酒店位于库塔伊西（Kutaisi），酒店设施包括餐厅、24小时前台、商务中心和免费WiFi连接。客房配有市景阳台</span></div>
							<div class="col-lg-12 col-md-12 no-padding"><span class="col-md-1 col-lg-1 no-padding">周边交通</span><span class="col-lg-offset-1 col-md-offset-1 col-lg-10 col-md-10 no-padding">酒店距离最近的库塔伊西国际机场（Kutaisi  International  Airport）21公里。地理位置好！住过的客人都说和库塔伊西其他住宿相比，这家的位置棒棒哒</span></div>
							<div class="col-lg-12 col-md-12 no-padding">
								<span class="col-md-2 col-lg-2 no-padding">主要设施及服务</span>
								<ul class="col-lg-9 col-md-9 no-padding clearfix">
									<li>
										<i class="no-wifi"></i>
										<span>免费WiFi</span>
									</li>
									<li>
										<i class="hall"></i>
										<span>餐厅</span>
									</li>
									<li>
										<i class="parking"></i>
										<span>免费停车</span>
									</li>
									<li>
										<i class="gym"></i>
										<span>健身房</span>
									</li>
									<li>
										<i class="pool"></i>
										<span>泳池</span>
									</li>
									<li>
										<i class="pickup"></i>
										<span>接机服务</span>
									</li>
									<li>
										<i class="meeting"></i>
										<span>会议室</span>
									</li>
								</ul>
							</div>
							<div class="col-lg-12 col-md-12 no-padding"><span class="col-md-2 col-lg-2 no-padding">支持信用卡</span><span class="col-lg-9 col-md-9 no-pdadding">Visacard、牡丹卡、金穗卡、JCBcard免费WiFi、免费停车、健身房、餐厅、接机服务（收费）、</span></div>
						</div>
					</div>
					<div class="col-lg-3 col-md-3 outerBox no-padding">
						<h3 class="dashTitle">周边酒店推荐</h3>
						<ul class="det_list">
							<li class="clearfix">
								<div class="listImg">
									<img src="/img/recom/sqimg.png" alt="" />
								</div>		
								<div class="listInfo">
									<span>北京颐和轩酒店</span>
									<span>95% 好评</span>
									<ul class="star">
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li></li>
									</ul>
									<span>¥ <i class="col_pink">1258</i>起</span>
								</div>
							</li>
							<li class="clearfix">
								<div class="listImg">
									<img src="/img/recom/sqimg.png" alt="" />
								</div>		
								<div class="listInfo">
									<span>北京颐和轩酒店</span>
									<span>95% 好评</span>
									<ul class="star">
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li></li>
									</ul>
									<span>¥ <i class="col_pink">1258</i>起</span>
								</div>
							</li>
							<li class="clearfix">
								<div class="listImg">
									<img src="/img/recom/sqimg.png" alt="" />
								</div>		
								<div class="listInfo">
									<span>北京颐和轩酒店</span>
									<span>95% 好评</span>
									<ul class="star">
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li></li>
									</ul>
									<span>¥ <i class="col_pink">1258</i>起</span>
								</div>
							</li>
							<li class="clearfix">
								<div class="listImg">
									<img src="/img/recom/sqimg.png" alt="" />
								</div>		
								<div class="listInfo">
									<span>北京颐和轩酒店</span>
									<span>95% 好评</span>
									<ul class="star">
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li></li>
									</ul>
									<span>¥ <i class="col_pink">1258</i>起</span>
								</div>
							</li>
							<li class="clearfix">
								<div class="listImg">
									<img src="/img/recom/sqimg.png" alt="" />
								</div>		
								<div class="listInfo">
									<span>北京颐和轩酒店</span>
									<span>95% 好评</span>
									<ul class="star">
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li></li>
									</ul>
									<span>¥ <i class="col_pink">1258</i>起</span>
								</div>
							</li>
							<li class="clearfix">
								<div class="listImg">
									<img src="/img/recom/sqimg.png" alt="" />
								</div>		
								<div class="listInfo">
									<span>北京颐和轩酒店</span>
									<span>95% 好评</span>
									<ul class="star">
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li></li>
									</ul>
									<span>¥ <i class="col_pink">1258</i>起</span>
								</div>
							</li>
						
						</ul>
					</div>
				</div>	
			</div>	
		</main>
		<footer>
			<div class="footer_link">
				<div class="container">
					<div class="link_box service col-lg-4 col-md-4">
						<h4 class="footer_tit">服务助手</h4>
						<ul class="clearfix col-lg-6 col-md-6">
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">运输总条件 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">旅客须知 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">会员手册</a></li>
						</ul>
						<ul class="clearfix col-lg-6 col-md-6">
							<li class="col-lg-11 col-md-10 link_noselect"><a href="#none">机上延误应急预案 </a></li>
							<li class="col-lg-11 col-md-10 link_noselect"><a href="#none">特殊旅客运输说明</a></li>
							<li class="col-lg-11 col-md-10 link_noselect"><a href="#none">行李托运相关服务</a></li>
						</ul>
					</div>
					<div class="link_box about col-lg-4 col-md-4">
						<h4 class="footer_tit">关于我们</h4>
						<ul class="clearfix col-lg-6 col-md-6">
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">公司简介 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">公司文化 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">公司新闻</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">公司荣誉 </a></li>
						</ul>
						<ul class="clearfix col-lg-6 col-md-6">	
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">各地营业部</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">招聘信息</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">投资者关系 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">隐私政策</a></li>
						</ul>
					</div>
					<div class="link_box f_link col-lg-4 col-md-4">
						<h4 class="footer_tit">友情链接</h4>
						<ul class="clearfix col-lg-6 col-md-6">
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">均瑶集团</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">淘旅行</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">吉祥货运</a></li>
						</ul>
						<ul class="clearfix col-lg-6 col-md-6">	
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">如意商城</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">如意俱乐部</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">九元航空</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="footer_copyright">
				<div class="container">
					© Copyright  2017 MyWay Airlines Inc.All Rights Reserved
				</div>
			</div>
		</footer>
	</body>
	<script src="/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/laydate.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/icheck.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/common.js" type="text/javascrigitpt" charset="utf-8"></script>
	<script src="/js/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$('input[type="radio"],input[type="checkbox"]').iCheck({
			checkboxClass: 'icheckbox_minimal-blue',
	    	radioClass: 'iradio_minimal-blue',
		    increaseArea: '20%' // optional
		});
		var galleryTop = new Swiper('.gallery-top', {
		    spaceBetween: 10,
		    loop:true,
		    loopedSlides: 5, //looped slides should be the same
		    
			pagination : '.swiper-pagination',
			paginationType : 'custom',
			paginationCustomRender: function (swiper, current, total) {
			    return '共'+total+'张';
			}
	    });
	    var galleryThumbs = new Swiper('.gallery-thumbs', {
	        spaceBetween: 10,
	        slidesPerView: 5,
	        centeredSlides : true,
//	        touchRatio: 0.2,
	        loop: true,
	        loopedSlides: 5, //looped slides should be the same
	        slideToClickedSlide:true,
	        prevButton:'.swiper-button-prev',
			nextButton:'.swiper-button-next',
	    });
	    galleryTop.params.control = galleryThumbs;
	    galleryThumbs.params.control = galleryTop;
        var newTime=(new Date()).valueOf();
        var nTime= new Date();
        nTime.setDate(nTime.getDate()+1);
		laydate.render({
		    elem: '#to_' //指定元素
		    ,theme: '#0e68ab',
            min:newTime,
            format:'yyyy-MM-dd',
			value:new Date(),
		});
		laydate.render({
		    elem: '#form_' //指定元素
		    ,theme: '#0e68ab'
			, min:newTime,
            format:'yyyy-MM-dd',
            value:nTime,
		});
	</script>
</html>
